<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    
</head>
<style>
 body {
                
                margin: 0px;
                /*overflow: hidden;*/
                font-family:arial;
                color:#fff;
                
            }
            a{
                text-decoration: none;
                cursor: pointer;
            }
            h1{
                margin:0;
            }

            a {
                color:#0078ff;
            }
            #canvas{
                /*设置画布的高为100%  */
                width:100%;
                height:100%;
                overflow: hidden;
                position:absolute;
                top:0;
                left:0;
                background-color: #1a1724;               
            }
            .canvas-wrap{
                /* 设置最外层div的高 */
                height: 100%
                
                
            }
            div.canvas-content{
                position:relative;
                z-index:2000;
                color:#fff;
                text-align:center;
                padding-top:30px;
            }    
</style>
<body>
   <div class="canvas-wrap">
        <div class="canvas-content">
            <h5><a href="http://www.jq22.com/">点我看来源</a></h5>
            <div><input type="text" placeholder="1"></div>
        </div>
        <div id="canvas" class="gradient"></div>
    </div>
</body>
</html>
<!-- Main library -->
<script src="js/three.min.js"></script>
  
<!-- Helpers -->
<script src="./js/projector.js"></script>
<script src="js/canvas-renderer.js"></script>
  
<!-- Visualitzation adjustments -->
<script src="js/3d-lines-animation.js"></script>
  
<!-- Animated background color -->
<script src="./js/jquery-2.1.1.min.js"></script>
<script src="js/color.js"></script>